import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

NProgress.configure({
  easing: 'ease-out-in',  // 动画方式
  speed: 700,  // 递增进度条的速度
  showSpinner: false, // 是否显示加载ico
  trickleSpeed: 200, // 自动递增间隔
  minimum: 0.3, // 初始化时的最小百分比
  // parent: '.app-container', // 指定进度条的父容器
})

export default defineNuxtPlugin((nuxtApp)=>{
  nuxtApp.hook("app:mounted",(e)=>{
    // console.log("app:mounted: ",e)
  })
  nuxtApp.hook("page:start",(e)=>{
    // console.log("page:start: ",e)
    NProgress.start()
  })
  nuxtApp.hook("page:finish",(e)=>{
    // console.log("page:finish: ",e)
    NProgress.done()
  })
  nuxtApp.hook("app:error",(e)=>{
    // console.log("app:error: ",e)
    if(process.client){//如果是客户端报错，关闭加载条，此方法用于判断是否为客户端，服务端判断process.server，该方法将废弃
      NProgress.done()
    }
  })
})